<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      template="/layout/template.xhtml">
    <ui:define name="content">
        <h:form id= "formId">
            <p:messages showDetail="true"/>           
		            
            <h1>#{mensaje.titulo_empleados}</h1>
            <p:separator id="separator"/>  
            <br/>
            <p:commandButton icon="new" action="#{empleadoBean.iniciar()}" value="#{mensaje.action_nuevo}" ajax="false"/>
            
            <p:dataTable value="#{empleadoList.findAllWithDepartment()}" var="_empleado">
                
                <p:column>
                    <f:facet name="header">#{mensaje.label_nombre}</f:facet>
                        #{_empleado.nombre}
                </p:column>  
                 <p:column>
                    <f:facet name="header">#{mensaje.titulo_departamento}</f:facet>
                        #{_empleado.departamento.nombre}
                </p:column>   
                <p:column>
                    <f:facet name="header">#{mensaje.label_opciones}</f:facet>
                    <p:commandButton action="#{empleadoBean.iniciar(_empleado)}"
                                     value="#{mensaje.action_modificar}" ajax="false"/>
                   <p:commandButton action="#{empleadoBean.eliminar(_empleado)}"
									value="#{mensaje.action_eliminar}" update=":formId">
					   <p:confirm header="Confirmation" message="#{mensaje.titulo_confirmacion}" icon="ui-icon-alert" />
				   </p:commandButton>
				   <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">  
			          <p:commandButton value="#{mensaje.titulo_si}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>  
			          <p:commandButton value="#{mensaje.titulo_no}" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>       
			       </p:confirmDialog>  
                </p:column>
                
            </p:dataTable>
        </h:form>
    </ui:define>    
</ui:composition>
